<!doctype html>
<html lang="zh-Hans">

<head>
    <meta charset="utf-8">
    <meta name="author" content="Fresns" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="generator" content="Bootstrap 5">
    <title>Fresns 控制台</title>
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../assets/css/bootstrap-icons.css">
    <link rel="stylesheet" href="../assets/css/backend.css">
</head>

<body>
    <header>
        <nav class="navbar navbar-expand-lg navbar-dark" style="background-color:#7952b3;">
            <div class="container-lg">
                <a class="navbar-brand" href="dashboard.html"><img src="../assets/images/fresns-logo-white.png" height="40"></a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarContent">
                    <div class="dropdown">
                        <button class="btn btn-outline-light btn-sm dropdown-toggle" type="button" id="language" data-bs-toggle="dropdown" aria-expanded="false"><i class="bi bi-translate"></i> 简体中文 - Chinese (Simplified)</button>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="#">English - English</a></li>
                            <li><a class="dropdown-item" href="#">Español - Spanish</a></li>
                            <li><a class="dropdown-item" href="#">Français - French</a></li>
                            <li><a class="dropdown-item" href="#">日本語 - Japanese</a></li>
                            <li><a class="dropdown-item" href="#">한국어 - Korean</a></li>
                            <li><a class="dropdown-item" href="#">Русский - Russian</a></li>
                            <li><a class="dropdown-item" href="#">Português - Portuguese</a></li>
                            <li><a class="dropdown-item" href="#">Bahasa Indonesia - Indonesian</a></li>
                            <li><a class="dropdown-item" href="#">简体中文 - Chinese (Simplified)</a></li>
                            <li><a class="dropdown-item" href="#">繁體中文 - Chinese (Traditional)</a></li>
                        </ul>
                        <a class="btn btn-warning btn-sm ms-1" href="index.html" role="button" data-bs-toggle="tooltip" data-bs-placement="right" title="退出登录"><i class="bi bi-power"></i></a>
                    </div>
                    <ul class="navbar-nav d-flex flex-row ms-auto">
                        <li class="px-2">
                            <a href="dashboard.html" class="nav-link d-flex flex-column align-items-center">
                                <i class="bi bi-speedometer2 fresns-nav-icon"></i>
                                <span class="fresns-nav-name">仪表盘</span>
                            </a>
                        </li>
                        <li class="px-2">
                            <a href="settings.html" class="nav-link d-flex flex-column align-items-center">
                                <i class="bi bi-gear fresns-nav-icon"></i>
                                <span class="fresns-nav-name">设置</span>
                            </a>
                        </li>
                        <li class="px-2">
                            <a href="keys.html" class="nav-link d-flex flex-column align-items-center">
                                <i class="bi bi-key fresns-nav-icon"></i>
                                <span class="fresns-nav-name">密钥</span>
                            </a>
                        </li>
                        <li class="px-2">
                            <a href="admins.html" class="nav-link d-flex flex-column align-items-center">
                                <i class="bi bi-sliders fresns-nav-icon"></i>
                                <span class="fresns-nav-name">管理</span>
                            </a>
                        </li>
                        <li class="px-2">
                            <a href="websites.html" class="nav-link d-flex flex-column align-items-center active">
                                <i class="bi bi-laptop fresns-nav-icon"></i>
                                <span class="fresns-nav-name">网站</span>
                            </a>
                        </li>
                        <li class="px-2">
                            <a href="apps.html" class="nav-link d-flex flex-column align-items-center">
                                <i class="bi bi-phone fresns-nav-icon"></i>
                                <span class="fresns-nav-name">应用</span>
                            </a>
                        </li>
                        <li class="px-2">
                            <a href="plugins.html" class="nav-link d-flex flex-column align-items-center">
                                <i class="bi bi-journal-code fresns-nav-icon"></i>
                                <span class="fresns-nav-name">插件</span>
                            </a>
                        </li>
                        <li class="px-2">
                            <a href="https://fresns.store" target="_blank" class="nav-link d-flex flex-column align-items-center">
                                <i class="bi bi-shop-window fresns-nav-icon"></i>
                                <span class="fresns-nav-name">商店</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>

    <main>
        <div class="container-lg p-0 p-lg-3">
            <div class="bg-body shadow-sm mt-4 mt-lg-2 p-3 p-lg-5">
                <h3>网站引擎</h3>
                <p class="text-secondary">选用不同的引擎，实现更个性化功能和服务。</p>
                <div class="table-responsive">
                    <table class="table table-hover align-middle text-nowrap">
                        <thead>
                            <tr class="table-info">
                                <th scope="col">引擎 <i class="bi bi-info-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="如果你希望独立部署网站，或者是不需要网站的移动应用。只需“停用”或“卸载”网站引擎，这样 Fresns 将只是一个 API 和插件运行的后端系统。"></i></th>
                                <th scope="col">开发者</th>
                                <th scope="col">主题模板</th>
                                <th scope="col" class="text-center">操作 <i class="bi bi-info-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="支持启用多个引擎，只需要彼此路径不冲突即可，详情请咨询引擎开发者。"></i></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th scope="row" class="py-3">账号中心 <span class="badge bg-secondary plugin-version">1.0.0</span></th>
                                <td><a href="#" class="link-info fresns-link fs-7">唐杰</a></td>
                                <td>
                                    <span class="badge bg-light text-dark"><i class="bi bi-laptop"></i> Demo</span>
                                    <span class="badge bg-light text-dark"><i class="bi bi-phone"></i> Demo</span>
                                </td>
                                <td class="text-end">
                                    <button type="button" class="btn btn-outline-success btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="点击停用">已启用</button>
                                    <button type="button" class="btn btn-warning btn-sm" data-bs-toggle="modal" data-bs-target="#themeSetting">关联主题</button>
                                    <a href="iframe-web.html" class="btn btn-primary btn-sm">设置</a>
                                </td>
                            </tr>
                            <tr>
                                <th scope="row" class="py-3">Fresns <span class="badge bg-secondary plugin-version">1.0.0</span></th>
                                <td><a href="#" class="link-info fresns-link fs-7">唐杰</a></td>
                                <td>
                                    <span class="badge bg-light text-dark"><i class="bi bi-laptop"></i> Discuz X</span>
                                    <span class="badge bg-light text-dark"><i class="bi bi-phone"></i> Demo</span>
                                </td>
                                <td class="text-end">
                                    <button type="button" class="btn btn-outline-success btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="点击停用">已启用</button>
                                    <button type="button" class="btn btn-warning btn-sm" data-bs-toggle="modal" data-bs-target="#themeSetting">关联主题</button>
                                    <a href="iframe-web.html" class="btn btn-primary btn-sm">设置</a>
                                </td>
                            </tr>
                            <tr>
                                <th scope="row" class="py-3">CMS <span class="badge bg-secondary plugin-version">1.0.0</span></th>
                                <td><a href="#" class="link-info fresns-link fs-7">唐杰</a></td>
                                <td>
                                    <span class="badge bg-light text-dark"><i class="bi bi-laptop"></i> Discuz X</span>
                                    <span class="badge bg-light text-secondary fw-normal"><i class="bi bi-phone"></i> 未设置</span>
                                </td>
                                <td class="text-end">
                                    <button type="button" class="btn btn-outline-secondary btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="点击启用">启用</button>
                                    <button type="button" class="btn btn-link btn-sm text-danger fresns-link">卸载</button>
                                </td>
                            </tr>
                            <tr>
                                <th scope="row" class="py-3">Blog <span class="badge bg-secondary plugin-version">1.0.0</span> <a href="dashboard.html"><span class="badge rounded-pill bg-danger plugin-version">有新版</span></a></th>
                                <td><a href="#" class="link-info fresns-link fs-7">唐杰</a></td>
                                <td>
                                    <span class="badge bg-light text-dark"><i class="bi bi-laptop"></i> WordPress 主题</span>
                                    <span class="badge bg-light text-dark"><i class="bi bi-phone"></i> WordPress 主题</span>
                                </td>
                                <td class="text-end">
                                    <button type="button" class="btn btn-outline-secondary btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="点击启用">启用</button>
                                    <button type="button" class="btn btn-link btn-sm text-danger fresns-link">卸载</button>
                                </td>
                            </tr>
                            <tr>
                                <th scope="row" class="py-3">伪拼多多团购商城（带 API 功能，可供移动应用使用） <span class="badge bg-secondary plugin-version">1.0.0</span></th>
                                <td><a href="#" class="link-info fresns-link fs-7">唐杰</a></td>
                                <td>
                                    <span class="badge bg-light text-secondary fw-normal"><i class="bi bi-laptop"></i> 未设置</span>
                                    <span class="badge bg-light text-secondary fw-normal"><i class="bi bi-phone"></i> 未设置</span>
                                </td>
                                <td class="text-end">
                                    <button type="button" class="btn btn-outline-secondary btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="点击启用">启用</button>
                                    <button type="button" class="btn btn-link btn-sm text-danger fresns-link">卸载</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <h3 class="mt-5">主题模板</h3>
                <p class="text-secondary">选用不同的主题，实现更个性化的风格和交互。</p>
                <!--主题 开始-->
                <div class="row">
                    <!--主题列表 开始-->
                    <div class="col-sm-6 col-xl-3 mb-4">
                        <div class="card">
                            <div class="position-relative">
                                <img src="../assets/images/temp/screenshot.png" class="card-img-top" alt="网站主题">
                                <div class="position-absolute top-50 start-50 translate-middle bg-light">
                                    <a href="iframe.html" class="btn btn-primary btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="进入主题设置">设置</a>
                                    <button type="button" class="btn btn-outline-danger btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="删除主题文件">删除</button>
                                </div>
                            </div>
                            <div class="card-body">
                                <h5 class="text-nowrap overflow-hidden mb-0">Demo <span class="badge bg-secondary align-middle plugin-version">1.0.0</span></h5>
                            </div>
                            <div class="card-footer fs-8">开发者：<a href="#" class="link-info fresns-link">唐杰</a></div>
                        </div>
                    </div>
                    <!--分隔线-->
                    <div class="col-sm-6 col-xl-3 mb-4">
                        <div class="card">
                            <div class="position-relative">
                                <img src="../assets/images/temp/screenshot.png" class="card-img-top" alt="网站主题">
                                <div class="position-absolute top-50 start-50 translate-middle bg-light">
                                    <a href="iframe.html" class="btn btn-primary btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="进入主题设置">设置</a>
                                    <button type="button" class="btn btn-outline-danger btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="删除主题文件">删除</button>
                                </div>
                                <div class="position-absolute top-0 start-100 translate-middle"><a href="dashboard.html"><span class="badge rounded-pill bg-danger">更新</span></a></div>
                            </div>
                            <div class="card-body">
                                <h5 class="text-nowrap overflow-hidden mb-0">Discuz X <span class="badge bg-secondary align-middle plugin-version">1.0.0</span></h5>
                            </div>
                            <div class="card-footer fs-8">开发者：<a href="#" class="link-info fresns-link">唐杰</a></div>
                        </div>
                    </div>
                    <!--分隔线-->
                    <div class="col-sm-6 col-xl-3 mb-4">
                        <div class="card">
                            <div class="position-relative">
                                <img src="../assets/images/temp/screenshot.png" class="card-img-top" alt="网站主题">
                                <div class="position-absolute top-50 start-50 translate-middle bg-light">
                                    <a href="iframe.html" class="btn btn-primary btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="进入主题设置">设置</a>
                                    <button type="button" class="btn btn-outline-danger btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="删除主题文件">删除</button>
                                </div>
                            </div>
                            <div class="card-body">
                                <h5 class="text-nowrap overflow-hidden mb-0">知识星球 <span class="badge bg-secondary align-middle plugin-version">1.0.0</span></h5>
                            </div>
                            <div class="card-footer fs-8">开发者：<a href="#" class="link-info fresns-link">唐杰</a></div>
                        </div>
                    </div>
                    <!--分隔线-->
                    <div class="col-sm-6 col-xl-3 mb-4">
                        <div class="card">
                            <div class="position-relative">
                                <img src="../assets/images/temp/screenshot.png" class="card-img-top" alt="网站主题">
                                <div class="position-absolute top-50 start-50 translate-middle bg-light">
                                    <a href="iframe.html" class="btn btn-primary btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="进入主题设置">设置</a>
                                    <button type="button" class="btn btn-outline-danger btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="删除主题文件">删除</button>
                                </div>
                            </div>
                            <div class="card-body">
                                <h5 class="text-nowrap overflow-hidden mb-0">WordPress 主题 <span class="badge bg-secondary align-middle plugin-version">1.0.0</span></h5>
                            </div>
                            <div class="card-footer fs-8">开发者：<a href="#" class="link-info fresns-link">唐杰</a></div>
                        </div>
                    </div>
                    <!--分隔线-->
                    <div class="col-sm-6 col-xl-3 mb-4">
                        <div class="card">
                            <div class="position-relative">
                                <img src="../assets/images/temp/screenshot.png" class="card-img-top" alt="网站主题">
                                <div class="position-absolute top-50 start-50 translate-middle bg-light">
                                    <a href="iframe.html" class="btn btn-primary btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="进入主题设置">设置</a>
                                    <button type="button" class="btn btn-outline-danger btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="删除主题文件">删除</button>
                                </div>
                            </div>
                            <div class="card-body">
                                <h5 class="text-nowrap overflow-hidden mb-0">Instagram 模式 <span class="badge bg-secondary align-middle plugin-version">1.0.0</span></h5>
                            </div>
                            <div class="card-footer fs-8">开发者：<a href="#" class="link-info fresns-link">唐杰</a></div>
                        </div>
                    </div>
                    <!--分隔线-->
                    <div class="col-sm-6 col-xl-3 mb-4">
                        <div class="card">
                            <div class="position-relative">
                                <img src="../assets/images/temp/screenshot.png" class="card-img-top" alt="网站主题">
                                <div class="position-absolute top-50 start-50 translate-middle bg-light">
                                    <a href="iframe.html" class="btn btn-primary btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="进入主题设置">设置</a>
                                    <button type="button" class="btn btn-outline-danger btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="删除主题文件">删除</button>
                                </div>
                            </div>
                            <div class="card-body">
                                <h5 class="text-nowrap overflow-hidden mb-0">小红书 <span class="badge bg-secondary align-middle plugin-version">1.0.0</span></h5>
                            </div>
                            <div class="card-footer fs-8">开发者：<a href="#" class="link-info fresns-link">唐杰</a></div>
                        </div>
                    </div>
                    <!--主题列表 结束-->
                </div>
                <!--主题结束-->
            </div>
        </div>
    </main>

    <footer>
        <div class="copyright text-center">
            <p class="mt-5 mb-5 text-muted">&copy; 2021 Fresns</p>
        </div>
    </footer>

    <!-- Modal -->
    <div class="modal fade" id="themeSetting" tabindex="-1" aria-labelledby="themeSetting" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">关联主题模板</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <!--网站设置 开始-->
                    <form>
                        <div class="form-floating mb-3">
                            <select class="form-select" id="PCTheme" aria-label="Floating label select example">
                                <option value="">不使用</option>
                                <option value="1">Demo</option>
                                <option value="2" selected>Discuz X</option>
                                <option value="3">知识星球</option>
                                <option value="4">WordPress 主题</option>
                                <option value="5">Instagram 主题</option>
                                <option value="6">小红书</option>
                            </select>
                            <label for="PCtheme"><i class="bi bi-laptop"></i> 电脑端主题</label>
                        </div>
                        <div class="form-floating mb-4">
                            <select class="form-select" id="mobileTheme" aria-label="Floating label select example">
                                <option value="">不使用</option>
                                <option value="1" selected>Demo</option>
                                <option value="2">Discuz X</option>
                                <option value="3">知识星球</option>
                                <option value="4">WordPress 主题</option>
                                <option value="5">Instagram 主题</option>
                                <option value="6">小红书</option>
                            </select>
                            <label for="mobileTheme"><i class="bi bi-phone"></i> 手机端主题</label>
                        </div>
                        <div class="text-center">
                            <button type="submit" class="btn btn-primary">保存</button>
                        </div>
                    </form>
                    <!--网站设置 结束-->
                </div>
            </div>
        </div>
    </div>

    <script src="../assets/javascript/bootstrap.bundle.min.js"></script>
    <script src="../assets/javascript/backend.js"></script>
</body>

</html>